/*
 * 小氏小蚊简历js主文件 2017.6.22
 * 邮箱：846506584@qq.com
 */

//window滚动事件
$(window).scroll(function(){
//	获取滚动值并赋值给变量
	var header_nav = $(document).scrollTop();
//	将获取的滚动值输出到页面头部
//	document.title = header_nav;
	
//	技能条的淡出与随机颜色
	if(header_nav > 260){
		$(".css3mover1 a").css({'width':'80%'});
	}else{
		$(".css3mover1 a").css({'width':'0%'});
		$.each($('.skill table td.left a'), function() {
			var colors = ('#'+('00000'+(Math.random()*0x1000000<<0).toString(16)).slice(-6));
			$(this).css({'background':colors});
		});
	}
	if(header_nav > 280){
		$(".css3mover2 a").css({'width':'55%'});
	}else{
		$(".css3mover2 a").css({'width':'0%'});
	}
	if(header_nav > 300){
		$(".css3mover3 a").css({'width':'70%'});
	}else{
		$(".css3mover3 a").css({'width':'0%'});
	}
	if(header_nav > 320){
		$(".css3mover4 a").css({'width':'75%'});
	}else{
		$(".css3mover4 a").css({'width':'0%'});
	}
	if(header_nav > 340){
		$(".css3mover5 a").css({'width':'75%'});
	}else{
		$(".css3mover5 a").css({'width':'0%'});
	}
	if(header_nav > 360){
		$(".css3mover6 a").css({'width':'50%'});
	}else{
		$(".css3mover6 a").css({'width':'0%'});
	}
	if(header_nav > 380){
		$(".css3mover7 a").css({'width':'50%'});
	}else{
		$(".css3mover7 a").css({'width':'0%'});
	}
	if(header_nav > 900){
		$.each($('.skill table td.left a'), function() {
			var colors = ('#'+('00000'+(Math.random()*0x1000000<<0).toString(16)).slice(-6));
			$(this).css({'background':colors});
		});
	}
	
//	返回顶部的按钮显示与隐藏
	if(header_nav > 800){
		$(".footer_top").fadeIn();
	}else{
		$(".footer_top").fadeOut();
	}
	
//	头部标题的点击跳转事件
	$(".header .con_box li").click(function(){
		var num = $(this).index();
		switch(num){
			case 0:
				$('html,body').stop().animate({'scrollTop':'0px'},1000);
			break;
			case 1:
				$('html,body').stop().animate({'scrollTop':'400px'},1000);
			break;
			case 2:
				$('html,body').stop().animate({'scrollTop':'620px'},1000);
			break;
			case 3:
				$('html,body').stop().animate({'scrollTop':'960px'},1000);
			break;
			case 4:
				$('html,body').stop().animate({'scrollTop':'1270px'},1000);
			break;
			case 5:
				$('html,body').stop().animate({'scrollTop':'1600px'},1000);
			break;
			case 6:
				$('html,body').stop().animate({'scrollTop':'1600px'},1000);
			break;
		}
	});
	
});

//技能栏的随机颜色
$(function(){
	$.each($('.skill table td.left a'), function() {
		var colors = ('#'+('00000'+(Math.random()*0x1000000<<0).toString(16)).slice(-6));
		$(this).css({'background':colors});
	});
});

	
	
	
